<template>
    <div class="content">
        <div class="mfloat">
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped>
    .content {
        margin: 100px 0 0 300px;
        width: 300px;
        height: 500px;
        border: 1px solid black;
        position: relative;
    }
    .mfloat {
        position: absolute;
        bottom: 30px;
        right: 10px;
        background-color: aquamarine;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        transition: all .5s;
    }
    .mfloat:hover {
        width: 280px;
        border-radius: 6px;
    }
</style>